要水平居中对齐一个元素(如 ), 可以使用 margin: auto;。
设置到元素的宽度将防止它溢出到容器的边缘。
元素通过指定宽度，并将两边的空外边距平均分配：
div 元素是居中的
实例.center {margin: auto;width: 50%;border: 3px solid green;padding: 10px;}尝试一下 »注意: 如果没有设置 width 属性(或者设置 100%)，居中对齐将不起作用。
文本居中对齐如果仅仅是为了文本在元素内居中对齐，可以使用 text-align: center;
文本居中对齐
实例.center {text-align: center;border: 3px solid green;}尝试一下 »提示: